<!DOCTYPE html>
<html>
  <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <meta http-equiv="Pragma" content="no-cache">
  <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="author" content="http://github.com/veasion">
  <link rel="shortcut icon" href="./favicon.ico">
  <title>宝宝，我爱你</title>
  <style type="text/css">
    @font-face {font-family:'RuiHeiXiTi';src:url('./RuiHeiXiTi.otf') format('truetype');font-weight:bold;font-style:normal}
  </style>
  <link rel="stylesheet" href="./love.css" />
  </head>
<body class="ft-absolute-nav" onclick="doClick();" ontouchend="doClick();">
  <div class="flowtime" style="transform: translateX(0%) translateY(0%);">
    <div class="ft-section section-1" data-id="__section-1" data-prog="__1" id="">
      <div id="ft-page-1" class="ft-page page-1 hilite actual" data-id="__page-1" data-prog="__1">
        <p class="text1">Veasion ❤ 宝宝，我想陪你一起度过余生</p>
        <p class="text2">“下滑” 倾听我们的故事...</p>
      </div>
      <div id="" class="ft-page page-2 future-page" data-id="__page-2" data-prog="__2">
        <p class="top-text">过去的他一直是一个人的生活，享受着孤独，也憧憬着爱情。</p>
        <img src="./ali/iali63.jpg" alt="过去的他一直是一个人生活，享受着孤独，也憧憬着爱情。">
      </div>
      <div id="" class="ft-page page-3 left-img future-page" data-id="__page-3" data-prog="__3">
        <h2 class="text">一个人的旅行</h2>
        <img src="./ali/v26.jpg" alt="一个人的旅行">
      </div>
      <div id="" class="ft-page page-4 left-img future-page" data-id="__page-4" data-prog="__4">
        <h2 class="text">一个人的生活</h2>
        <img src="./ali/v32.jpg" alt="一个人的生活">
      </div>
    </div>
    <div class="ft-section section-2" data-id="__section-2" data-prog="__2" id="">
      <div id="" class="ft-page page-5 full-img future-section" data-id="__page-1" data-prog="__1">
        <h2 class="center-text">一个人的地铁</h2>
        <img src="./ali/iali19.jpg" alt="一个人的地铁">
      </div>
      <div id="" class="ft-page page-6 future-section future-page" data-id="__page-2" data-prog="__2">
        <h2 class="center-text">一个人的游乐场</h2>
        <img src="./ali/iali29.jpg" alt="一个人的游乐场">
      </div>
      <div id="" class="ft-page page-7 full-img future-section future-page" data-id="__page-3" data-prog="__3">
        <h3 class="center-text">但他依然乐观，微笑着，等待着</h3>
        <img src="./ali/v28.jpg" alt="但他依然乐观，微笑着，等待着">
      </div>
      <div id="" class="ft-page page-8 full-img future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>生活难免有风风雨雨</h3>
        <img src="./ali/v33.jpg" alt="生活难免有风风雨雨">
      </div>
      <div id="" class="ft-page page-9 future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>他总是能够轻松的应对</h3>
        <img src="./ali/iali5.jpg" alt="他总是能够轻松的应对">
      </div>
      <div id="" class="ft-page page-10 future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>并且面带阳光、自信的笑容</h3>
        <img src="./ali/iali22.jpg" alt="并且面带阳光、自信的笑容">
      </div>
    </div>
    <div class="ft-section section-3" data-id="__section-3" data-prog="__3" id="">
      <div id="" class="ft-page page-11 full-img future-section" data-id="__page-1" data-prog="__1">
        <h3>生活也不会总是一帆风顺</h3>
        <img src="./ali/v18.png" alt="生活也不会总是一帆风顺">
      </div>
      <div id="" class="ft-page page-12 future-section future-page" data-id="__page-2" data-prog="__2">
        <h3>但他每次都能勇敢的面对<br>随时准备接受生活的挑战</h3>
        <img src="./ali/iali25.jpg" alt="但他每次都能勇敢的面对">
      </div>
      <div id="" class="ft-page page-13 future-section future-page" data-id="__page-3" data-prog="__3">
        <img src="./ali/iali64.jpg" alt="可是他的爱情又在哪里呢？">
        <h3>可是他的爱情又在哪里呢？</h3>
      </div>
      <div id="" class="ft-page page-14 full-img future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>他每天静默地看着窗外</h3>
        <img src="./ali/v16.jpg" alt="他每天静默地看着窗外">
      </div>
      <div id="" class="ft-page page-15 full-img future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>他去问天，我的爱情在哪里？<br>天告诉他，也许就在不远的地方</h3>
        <img src="./ali/v24.jpg" alt="他去问天，我的爱情在哪里？">
      </div>
      <div id="" class="ft-page page-16 left-img future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>于是，他一个人继续向前走<br>走在茫茫的雪地上</h3>
        <img src="./ali/iali66.jpg" alt="于是，他一个人继续向前走">
      </div>
      <div id="" class="ft-page page-17 top-text future-section future-page" data-id="__page-7" data-prog="__7">
        <h3>直到某一天他与宝宝相识</h3>
        <img src="./ali/iali16.jpg" alt="直到某一天他与宝宝相识">
      </div>
    </div>
    <div class="ft-section section-4" data-id="__section-4" data-prog="__4" id="">
      <div id="" class="ft-page page-18 full-img future-section" data-id="__page-1" data-prog="__1">
        <p class="text">他喜欢宝宝，因为宝宝的出现，他脸上有了更加灿烂的笑容</p>
        <img src="./ali/v23.jpg" alt="他喜欢宝宝，因为宝宝的出现，他脸上有了更加灿烂的笑容">
      </div>
      <div id="" class="ft-page page-19 future-section future-page" data-id="__page-2" data-prog="__2">
        <h3>可是宝宝会喜欢他吗？</h3>
        <img src="./ali/iali75.jpg" alt="可是宝宝会喜欢他吗？">
      </div>
      <div id="" class="ft-page page-20 future-section future-page" data-id="__page-3" data-prog="__3">
        <img src="./ali/iali59.png" alt="他鼓起了勇气去追宝宝">
        <h3>他鼓起了勇气去追宝宝</h3>
        <img src="./ali/iali9.jpg">
      </div>
      <div id="" class="ft-page page-21 future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>能遇到宝宝，他好高兴</h3>
        <img src="./ali/iali59.png" alt="他好高兴">
      </div>
      <div id="" class="ft-page page-22 left-img future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>乘公交地铁去找宝宝</h3>
        <img src="./ali/iali4.jpg" alt="乘公交地铁去找宝宝">
      </div>
      <div id="" class="ft-page page-23 full-img future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>去宝宝家</h3>
        <img src="./ali/v11.jpg" alt="去宝宝家">
      </div>
      <div id="" class="ft-page page-24 full-img future-section future-page" data-id="__page-7" data-prog="__7">
        <h3>虽然不知道聊什么<br>但是能看到宝宝<br>他心里好开心</h3>
        <img src="./ali/iali32.jpg" alt="虽然不知道聊什么,但是能看到宝宝,他心里好开心">
      </div>
    </div>
    <div class="ft-section section-5" data-id="__section-5" data-prog="__5" id="">
      <div id="" class="ft-page page-25 left-img future-section" data-id="__page-1" data-prog="__1">
        <h3>直到很晚<br>他才会一个人回家</h3>
        <img src="./ali/iali37.jpg" alt="直到很晚">
      </div>
      <div id="" class="ft-page page-26 top-text future-section future-page" data-id="__page-2" data-prog="__2">
        <h3>然后高兴地进入梦乡，每天都能梦到宝宝</h3>
        <img src="./ali/iali10.gif" alt="然后高兴地进入梦乡，每天都能梦到宝宝">
      </div>
      <div id="" class="ft-page page-27 future-section future-page" data-id="__page-3" data-prog="__3">
        <h3>梦到他和宝宝一起去逛街</h3>
        <img src="./ali/iali67.jpg" alt="梦到他和宝宝一起去逛街">
      </div>
      <div id="" class="ft-page page-28 full-img future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>在梦里带宝宝一起去玩</h3>
        <img src="./ali/v21.jpg" alt="在梦里带宝宝一起去玩">
      </div>
      <div id="" class="ft-page page-29 future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>好安逸的梦...</h3>
        <img src="./ali/iali76.gif" alt="好安逸的梦...">
      </div>
      <div id="" class="ft-page page-30 full-img future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>可那仅仅只是一场梦</h3>
        <img src="./ali/v29.jpg" alt="可那仅仅只是一场梦">
      </div>
      <div id="" class="ft-page page-31 future-section future-page" data-id="__page-7" data-prog="__7">
        <h3>只有让自己优秀才可能让梦变得现实<br>于是他开始认真学习<br>《怎么把宝宝骗回家》</h3>
        <img src="./ali/iali77.jpg" alt="只有让自己优秀才可能让梦变得现实，于是他开始认真学习，《怎么把宝宝骗回家》">
      </div>
    </div>
    <div class="ft-section section-6" data-id="__section-6" data-prog="__6" id="">
      <div id="" class="ft-page page-32 future-section" data-id="__page-1" data-prog="__1">
        <h3>煮饭，学煎鸡蛋</h3>
        <img src="./ali/iali62.jpg" alt="煮饭，学煎鸡蛋">
      </div>
      <div id="" class="ft-page page-33 top-text future-section future-page" data-id="__page-2" data-prog="__2">
        <h3>锻炼肌肉</h3>
        <img src="./ali/v36.gif" alt="锻炼肌肉">
      </div>
      <div id="" class="ft-page page-34 full-img future-section future-page" data-id="__page-3" data-prog="__3">
        <h3>日子一天天的过去...</h3>
        <img src="./ali/v13.jpg" alt="日子一天天的过去...">
      </div>
      <div id="" class="ft-page page-35 full-img future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>他们经常聊天</h3>
        <img src="./ali/v22.jpg" alt="他们经常聊天">
      </div>
      <div id="" class="ft-page page-36 full-img future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>他的生活开始充满了阳光</h3>
        <img src="./ali/v38.jpg" alt="他的生活开始充满了阳光">
      </div>
      <div id="" class="ft-page page-37 left-img future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>有次惹到宝宝不开心了</h3>
        <img src="./ali/v40.jpg" alt="有次惹到宝宝不开心了">
      </div>
      <div id="" class="ft-page page-38 bottom-text future-section future-page" data-id="__page-7" data-prog="__7">
        <img src="./ali/iali21.jpg" alt="反思ing">
        <h3>反思ing</h3>
      </div>
    </div>
    <div class="ft-section section-7" data-id="__section-7" data-prog="__7" id="">
      <div id="" class="ft-page page-39 left-img future-section" data-id="__page-1" data-prog="__1">
        <h3>如果没有宝宝在身边，窗外就没有风景</h3>
        <img src="./ali/iali2.jpg" alt="如果没有宝宝在身边，窗外就没有风景">
      </div>
      <div id="" class="ft-page page-40 future-section future-page" data-id="__page-2" data-prog="__2">
        <h3>如果没有宝宝在身后</h3>
        <img src="./ali/iali14.jpg" alt="{text45_}">
      </div>
      <div id="" class="ft-page page-41 future-section future-page" data-id="__page-3" data-prog="__3">
        <img src="./ali/iali30_1.jpg" class="img1" alt="他又怎会飞的更高更远">
        <img src="./ali/iali30_2.jpg" class="img2" alt="他又怎会飞的更高更远2">
        <h3>他又怎会飞的更高更远</h3>
      </div>
      <div id="" class="ft-page page-42 future-section future-page" data-id="__page-4" data-prog="__4">
        <h3>他不想这样，他要改变自己<br>他许下愿望</h3>
        <img src="./ali/iali69.jpg" alt="他不想这样。他要为宝宝改变自己">
      </div>
      <div id="" class="ft-page page-43 future-section future-page" data-id="__page-5" data-prog="__5">
        <img src="./ali/iali42.jpg" alt="我愿为你变成狮子座">
        <h3>我愿为你变成狮子座</h3>
      </div>
      <div id="" class="ft-page page-44 future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>那你就是我的优乐美</h3>
        <img src="./ali/v7.jpg" alt="那你就是我的优乐美">
      </div>
      <div id="" class="ft-page page-45 full-img future-section future-page" data-id="__page-7" data-prog="__7">
        <h3>生活就像咖啡，先苦后甜</h3>
        <img src="./ali/v31.jpg" alt="生活就像咖啡，先苦后甜">
      </div>
    </div>
    <div class="ft-section section-8" data-id="__section-8" data-prog="__8" id="">
      <div id="" class="ft-page page-46 full-img future-section future-page" data-id="__page-1" data-prog="__1">
        <h3>他想着<br>赚了钱一定要带宝宝到处旅游</h3>
        <img src="./ali/v37.jpg" alt="他想着，赚了钱一定要带宝宝到处旅游">
      </div>
      <div id="" class="ft-page page-47 top-text future-section future-page" data-id="__page-2" data-prog="__2">
        <img src="./ali/iali58.jpg" alt="想想后面还有一辈子">
        <h3>
          <span>想想后面还有一辈子</span>
          <span>他好开心</span>
          <span>因为可以和宝宝</span>
          <span>去全世界好多地方玩</span>
        </h3>
      </div>
      <div id="" class="ft-page page-48 full-img future-section future-page" data-id="__page-3" data-prog="__3">
        <h3>喜欢跟宝宝一起做家务</h3>
        <img src="./ali/v20.jpg" alt="喜欢跟宝宝一起做家务">
      </div>
      <div id="" class="ft-page page-49 left-img future-section future-page" data-id="__page-4" data-prog="__4">
        <p>平淡的生活里</p>
        <img src="./ali/iali65.jpg" alt="平淡的生活里">
      </div>
      <div id="" class="ft-page page-50 future-section future-page" data-id="__page-5" data-prog="__5">
        <h3>有我家宝宝</h3>
        <img src="./ali/v5.jpg" alt="有我家宝宝">
      </div>
      <div id="" class="ft-page page-51 full-img future-section future-page" data-id="__page-6" data-prog="__6">
        <h3>傻傻的</h3>
        <img src="./ali/v42.jpg" alt="傻傻的">
      </div>
    </div>
    <div class="ft-section section-9" data-id="__section-9" data-prog="__9" id="">
      <div id="" class="ft-page page-52 full-img future-section" data-id="__page-1" data-prog="__1">
        <h3>但我喜欢</h3>
        <img src="./ali/v41.jpg" alt="但我喜欢">
      </div>
      <div id="" class="ft-page page-53 future-section future-page" data-id="__page-2" data-prog="__2">
        <img src="./ali/iali68.jpg" alt="情人节快乐">
        <h3>情人节快乐</h3>
      </div>
      <div id="" class="ft-page page-54 full-img future-section future-page" data-id="__page-3" data-prog="__3">
        <img src="./ali/v14.jpg" alt="情人崖">
      </div>
      <div id="" class="ft-page page-55 full-img future-section future-page" data-id="__page-4" data-prog="__4">
        <h3 id="code">
          傻宝宝<br><br>
          情人节快乐呀 ！<br><br>
          爱你，么么哒 ~
        </h3>
        <img src="./ali/v0.jpg" alt="我爱你">
        <div id="bubbles" style="visibility:hidden">
          <img src="./1.png">
          <img src="./2.png">
          <img src="./1.png">
        </div>
      </div>
    </div>
  </div>
  <audio id="bgmMusic" src="http://veasion.oss-cn-shanghai.aliyuncs.com/music/xinganbaobei.mp3" preload="auto" type="audio/mp3" autoplay="" loop=""></audio>
  <script src="./jquery.min.js"></script>
  <script src="./all.min.js"></script>
  <script src="./love.min.js"></script>
  <script src="./MouseClick.js"></script>
  <script>
      var clickCount = 0, intTime;
      var titles = {"section-1":"宝宝，情人节快乐呀","section-2":"比心","section-3":"么么哒","section-4":"想你","section-5":"爱你","section-6":"Mua~","section-7":"在一起","section-8":"傻宝宝","section-9":"我爱你"};
      canClick = false;

      // 展示心
      Flowtime.toggleOverview(true);

	  canClick = true;
	  
	  setTimeout(function(){
		$("#code").hide();
        Flowtime.toggleOverview(false);
      }, 2000);

      // 监听页面改变
      changePage = function(hash){
        if(hash.indexOf("section-9/page-4") != -1){
          $("#code").show();
          $("#code").typewriter();
          nbfm = 60;runTime = 8000;
          setTimeout(function(){
            runXin();
          }, 7000);
        }
        document.title = titles[hash.substring(0, hash.indexOf("/"))] || "i love you";
      }

      // 双击展示心，取消演示
      function doClick(){
        clickCount++;
        setTimeout(function () {
			if(clickCount > 1){
			  Flowtime.toggleOverview(true);
			}
			clickCount = 0;
        }, 200);
      }
  </script>
  <div class="ft-default-progress">
    <div data-section="__0" class="ft-section-thumb thumb-section-0">
      <div id="thumb-page-0" class="ft-page-thumb thumb-page-0 actual" data-section="__0" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__0" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__0" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__0" data-page="__3"></div>
    </div>
    <div data-section="__1" class="ft-section-thumb thumb-section-1">
      <div class="ft-page-thumb thumb-page-0" data-section="__1" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__1" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__1" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__1" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__1" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__1" data-page="__5"></div>
    </div>
    <div data-section="__2" class="ft-section-thumb thumb-section-2">
      <div class="ft-page-thumb thumb-page-0" data-section="__2" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__2" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__2" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__2" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__2" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__2" data-page="__5"></div>
      <div class="ft-page-thumb thumb-page-6" data-section="__2" data-page="__6"></div>
    </div>
    <div data-section="__3" class="ft-section-thumb thumb-section-3">
    <div class="ft-page-thumb thumb-page-0" data-section="__3" data-page="__0"></div>
    <div class="ft-page-thumb thumb-page-1" data-section="__3" data-page="__1"></div>
    <div class="ft-page-thumb thumb-page-2" data-section="__3" data-page="__2"></div>
    <div class="ft-page-thumb thumb-page-3" data-section="__3" data-page="__3"></div>
    <div class="ft-page-thumb thumb-page-4" data-section="__3" data-page="__4"></div>
    <div class="ft-page-thumb thumb-page-5" data-section="__3" data-page="__5"></div>
    <div class="ft-page-thumb thumb-page-6" data-section="__3" data-page="__6"></div>
    </div>
    <div data-section="__4" class="ft-section-thumb thumb-section-4">
      <div class="ft-page-thumb thumb-page-0" data-section="__4" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__4" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__4" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__4" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__4" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__4" data-page="__5"></div>
      <div class="ft-page-thumb thumb-page-6" data-section="__4" data-page="__6"></div>
    </div>
    <div data-section="__5" class="ft-section-thumb thumb-section-5">
      <div class="ft-page-thumb thumb-page-0" data-section="__5" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__5" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__5" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__5" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__5" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__5" data-page="__5"></div>
      <div class="ft-page-thumb thumb-page-6" data-section="__5" data-page="__6"></div>
    </div>
    <div data-section="__6" class="ft-section-thumb thumb-section-6">
      <div class="ft-page-thumb thumb-page-0" data-section="__6" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__6" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__6" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__6" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__6" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__6" data-page="__5"></div>
      <div class="ft-page-thumb thumb-page-6" data-section="__6" data-page="__6"></div>
    </div>
    <div data-section="__7" class="ft-section-thumb thumb-section-7">
      <div class="ft-page-thumb thumb-page-0" data-section="__7" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__7" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__7" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__7" data-page="__3"></div>
      <div class="ft-page-thumb thumb-page-4" data-section="__7" data-page="__4"></div>
      <div class="ft-page-thumb thumb-page-5" data-section="__7" data-page="__5"></div>
    </div>
    <div data-section="__8" class="ft-section-thumb thumb-section-8">
      <div class="ft-page-thumb thumb-page-0" data-section="__8" data-page="__0"></div>
      <div class="ft-page-thumb thumb-page-1" data-section="__8" data-page="__1"></div>
      <div class="ft-page-thumb thumb-page-2" data-section="__8" data-page="__2"></div>
      <div class="ft-page-thumb thumb-page-3" data-section="__8" data-page="__3"></div>
    </div>
  </div>
  <div class="mPower"><span id="on" title="点击暂停" ontouchend="this.onclick();"></span><span id="off" title="点击播放" ontouchend="this.onclick();"></span></div>
</body>
</html>
